<template>
  <div class="v-b">
    <video class="v" controls autoplay :src="src"></video>
  </div>
</template>

<script>
export default {
  props: {
    d: Object
  },
  computed: {
    src () {
      let d = this.d.videos[0]
      return d && d.src
    }
  }
}
</script>

<style scoped>
.v-b {
  width: 100%;
  height: 100%;
}
.v {
  width: 100%;
  height: 100%;
}
</style>
